<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Add contact</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<link rel="stylesheet" href="css/theme.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.windowmsg-1.0.js"></script>
	
	
</head>
<body>
	<div id="wrapper">
	<div id="header">
		<div id="banner">
			<img src="img/banner.jpg" height="150px" width="100%"/>
		</div>
		<div id="menubar">
				<ul id="navbar">
				<li><a href="index.html"">Home</a></li>
				<li><a href="#">Contact</a><ul>
					<li><a href="AddContact.html">Create Contact</a></li>
					<li><a href="UpdateContact.html">Update Contact</a></li></ul>
				</li>
				<li><a href="#">Service</a><ul>
					<li><a href="ServiceList.html">Programme</a></li>
				</li>
			</ul>
		</div>
	</div>
		<div style="clear:both"></div>
	
	<div id="body" style="width:100%">
		<div class="article">
		
			<div id="content">
				
	<fieldset class="wrapBox">
		<legend><span class="gbTitle">Create contact</span></legend>
		<form method="post">
				<table>
					<tr>
						<td>
							<label for="firstName">First Name</label>
							<label class="mandatoryField">*</label>
						</td>
						<td>
							<input type="text" name="firstName" id="firstName" class="inputField" />
						</td>
						<td>
							<label for="managerName" class="spaceTitle">Manager Name</label>
						</td>
						<td>
							<input type="text" name="managerName" id="managerName" readonly="readonly" class="inputField" style="width: 157px;" />
							<a href="" onclick="openListConTact()">Lookup</a>
						</td>
					</tr>
					<tr>
						<td>
							<label for="surname">Surname</label>
							<label class="mandatoryField">*</label>
						</td>
						<td>
							<input type="text" name="surname" id="surname" class="inputField" />
						</td>
						<td>
							<label for="contactType" class="spaceTitle">Contact type</label>
							<label style="color: red; margin-left: 3px;">*</label>
						</td>
						<td>
							<select name="contactType" id="contactType" class="inputField" style="width: 170px;">
								<option value="0">--Select a contact type--</option>
								<option value="1">Type 1</option>
								<option value="2">Type 2</option>
								<option value="3">Type 3</option>
								<option value="3">Type 4</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>
							<label for="knownAs">Known as</label>
						</td>
						<td>
							<input type="text" name="knownAs" id="knownAs" class="inputField" />
						</td>
						<td>
							<label for="bestContactMethod" class="spaceTitle">Best contact method</label>
						</td>
						<td>
							<select name="bestContactMethod" class="inputField" style="width: 170px;">
								<option value="0">--Select a contact method--</option>
								<option value="1">Method 1</option>
								<option value="2">Method 2</option>
								<option value="3">Method 3</option>
								<option value="3">Method 4</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>
							<label for="officePhone">Office phone</label>
						</td>
						<td>
							<input type="text" name="officePhone" id="officePhone" class="inputField" />
						</td>
						<td>
							<label for="jobRole" class="spaceTitle">Job role</label>
						</td>
						<td>
							<input type="text" name="jobRole" id="jobRole" class="inputField" />
						</td>
					</tr>
					<tr>
						<td>
							<label for="mobilePhone">Mobile phone</label>
						</td>
						<td>
							<input type="text" name="mobilePhone" id="mobilePhone" class="inputField" />
						</td>
						<td>
							<label for="workBase" class="spaceTitle">Workbase</label>
						</td>
						<td>
							<input type="text" name="workbase" id="workbase" class="inputField" />
						</td>
					</tr>
					<tr>
						<td>
							<label for="stHomePhone">ST Home Phone</label>
						</td>
						<td>
							<input type="text" name="stHomePhone" id="stHomePhone" class="inputField" />
						</td>
						<td>
							<label for="jobTitle" class="spaceTitle">Job Title</label>
						</td>
						<td>
							<input type="text" name="jobTitle" id="jobTitle" class="inputField" />
						</td>
					</tr>
					<tr>
						<td>
							<label for="emailAddress">Email Address</label>
						</td>
						<td>
							<input type="text" name="emailAddress" id="emailAddress" class="inputField" />
						</td>
						<td>
							<label for="isActive" class="spaceTitle">Is Active ?</label>
						</td>
						<td>
							<input type="checkbox" name="isActive" id="isActive" class="inputField" style="width: 0px" />
						</td>
					</tr>
				</table>
			<br />
			<input type="button" value="Back" class="button" id="backButton" style="float: right; position: relative; margin-left: 10px" />
			<input type="submit" value="Save" class="button" id="saveButton" style="float: right; position: relative;" />
		</form>
	</fieldset>
	<script type="text/javascript" src="js/validation.js"></script>
			</div>
		</div>
	</div>
	
	<div style="clear:both"></div>
	<div id="footer">
		Copyright - Team 5 - 2012
	</div>
</div>
<script src="js/lookup.js"></script>
</body>
</html>



